<html>
    <head>
        <title> {{ name }} ({{ screen_name }}) on ryutwitter</title>
        <link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
        <script type="text/javascript" language="javascript" src="/scripts/tweet_renew.js">
        </script>
        <script type="text/javascript" language="javascript" src="/scripts/tweetcounter.js">
        </script>
        <script type="text/javascript" language="javascript" src="/scripts/tweet_operation.js" >
        </script>

        <meta name="viewport" content="width=470" />
    </head>
    <body onload="load_tweets('{{ screen_name }}')">
        <center>
            <h3><a href="/">Back Home</a></h3>
            <div id="form_area">
                <form action="/post_message" method="post">
                    <table border="0">
                        <tr>
                            <td colspan="2"><textarea id="textarea" name="tweet" cols="50" rows="3" onkeyup="charcount('textarea', 'counter');"></textarea></td>
                        </tr>
                        <tr>
                            <td style="text-align:center"><input type="submit" value="tweet it"/ ></td>
                            <td width="5px" style="text-align:right"><b id="counter">140</b></td>
                            </tr>
                    </table>
                </form>
            </div>
            <h1> {{ screen_name }}</h1>
            <div id="form_area">
                <table border="0" width="450px" id="tweet" style="text-align:left">
                    <tr>
                        <td rowspan="3" width="100px" style="text-align:center"><img src="{{ img_src }}" width="73px" height="73px" / alt="user_pic"></td>
                        <td><b>Name:</b> {{ name }}</td>
                    </tr>
                    <tr>
                        <td><b>Description:</b> {{ description }}</td>
                    </tr>
                    <tr>
                        <td><b>Website:</b> <a href="{{ website }}">{{ website }}</a></td>
                    </tr>
                    <tr height="10px"></tr>
                    <tr>
                        <td colspan="2" style="text-align:center; font-size:larger"><a href="{{ request_url }}"><b>{{ follow_unfollow }}</b></a></td>
                    </tr>
                </table>
            </div>    
            
            <div id="table_area" ></div>
            
            <div id="more_area">
                <span id="notify" style="text-align:center"></span>
                <span id="tweetcount" style="visibility:hidden">50</span>
            </div>
        </center>
    </body>
</html>
